@charset "utf-8";
*,
body,
html {
  list-style:none;text-decoration: none; text-decoration:none;
  }
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1645406173395') format('woff2'),
       url('../fonts/iconfont.woff?t=1645406173395') format('woff'),
       url('../fonts/iconfont.ttf?t=1645406173395') format('truetype');
}

@font-face {
	font-family:DINCond-BoldAlternate;
	src: url('../fonts/DINCond-BoldAlternate.otf'); }

@font-face {
	font-family:DINCond-Bold;
	src: url('../fonts/DINCond-Bold.otf'); }
.iconfont {
  font-family: "iconfont" !important;
  font-size: 46px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@font-face {
	font-family:Helvetica-Neue-2;
	src: url('../fonts/Helvetica-Neue-2.ttf'); }

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }

@font-face {
	font-family:DINOT-Bold;
	src: url('../fonts/DINOT-Bold.otf'); }

@font-face {
	font-family:Oswald-Bold;
	src: url('../fonts/Oswald-Bold.otf'); }


.po1{ width:100%; float:left;}
.po1 h3{ width:100%; float:left; font-size:22px;color:#095645}
.po1 ul{ width:100%; float:left;}
.po1 ul li{ width:24%; float:left;margin-right:0.5%; margin-bottom:5px; list-style:none}
.po1 ul li a{ width:100%; float:left; text-align:center; color:#fff; background:#18a787; line-height:55px;border-radius:4px; font-size:16px;}
.po1 ul li a:hover{background:#FF9900;}

.po1 ul li .po111{background:#FF9900;}

.po2{ width:100%; float:left}
.po2 h3{ width:100%; float:left; font-size:22px;  color:#095645}
.po2 ul{ width:100%;  float:left}
.po2 ul li{width:24%; float:left;margin-bottom:5px; list-style:none}
.po2 ul li a{ width:100%; float:left; text-align:center; color:#fff; background:#18a787; line-height:55px;border-radius:4px; font-size:16px;}
.po2 ul li a:hover{background:#FF9900;}






.cz-index-product {position: relative;}
.cz-index-product .cz-content {width: 100%;position: absolute;top:0px;z-index: 10;}
.cz-index-product-left {width:53%;/*position: absolute;left: 0;top: 0;*/ float:left;}
.cz-title {position: relative;}
.cz-title .title-1{font-size: 50px;line-height: 50px; color: #26334c;padding-left:30px;position: relative;text-transform: uppercase;}
.cz-title .title-1 i{display: block;width: 25px;height: 17px;position: absolute;left: 0;top:10px; background: url('../images/it1.png') no-repeat;}
.cz-title .title-2 {font-size: 30px;color: #26334c;padding:5px 0 0 30px;}
.cz-index-product-nav {margin-top: 0px;position: relative;overflow: hidden;margin-left: 0px;width: 100%;width:calc(100% - 0px);}
/*.cz-index-product-nav::before,.cz-index-product-nav::after{content: '';position: absolute;background: #e6e8ed;z-index: 1;}*/
.cz-index-product-nav::before {width: 100%;height: 0px;left: 0;top: 50%;}
.cz-index-product-nav::after {width: 1px;height: 100%;left:50%;top: 0;}
.cz-index-product-nav a{display: block;overflow: hidden;background: rgba(225,225,225,1);position: relative;float: left;width:30%;box-sizing: border-box;padding:5% 5% ; border-bottom:1px #eaeaea solid; text-align:center; height:145px; margin:1px 15px 15px 1px; border-radius:5px; overflow:hidden; 

background:#eaeaea;

}



/*.cz-index-product-nav a:nth-child(2){ background:#3485CD;}
.cz-index-product-nav a:nth-child(3){ background:#3485CD;}*/

.cz-index-product-nav a i{padding-bottom: 0px;overflow: hidden; color:#3c3c3c; margin-bottom:20px; font-size:38px;}


.cz-index-product-nav a:before { }
.cz-index-product-nav a:hover:before { content:" "; width:600px; height:600px; position:absolute; top:30%; left:30%; background:rgba(237,237,237,.8); border-radius:50%; }
.cz-index-product-nav a:hover {
background:#fff;

 box-shadow:3px 3px 3px 3px rgba(0,0,0,.05); border:#dbdbdb solid 1px;}



.cz-index-product-nav a:hover i{ font-size:40px; }

.cz-index-product-nav a span{display: block;font-size: 14px;padding-bottom: 5px;color: #3c3c3c;}
.cz-index-product-nav a strong{display: block;font-size:18px;color: #3a3938; font-weight:normal; padding-top:10px;}
.cz-index-product-nav a.cur i{color: #3c3c3c;}
.cz-index-product-nav a.cur span{color: #3c3c3c;opacity: .6; }
.cz-index-product-nav a.cur strong{color: #3c3c3c;}
.cz-index-product-nav a.cur svg *{fill: #2b8750;}





#cz-indexbg {width: 100%;position: relative;overflow: hidden;}


.cz-index-product-right {float: right;width:45%;}
.cz-index-product-swiper {width:100%; height:330px;}
.cz-index-product-item {position: relative; }
.cz-index-product-item a {display: block;overflow: hidden;color: #fff; height:461x;} 
.cz-index-product-item .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:4;}
.cz-index-product-item .text .top{width:100%; float:left}
.cz-index-product-item .text .top .title-1{font-size: 20px;}
.cz-index-product-item .text .top .title-2{font-size:27px;padding:0px 0;font-weight: bold; padding-bottom:20px; color:#095645}
.cz-index-product-item .text .bottom{width:100%; float:left}

.cz-index-product-item .text .bottom .text-3 p {width:48%; float:left; text-align:center; color:#fff; background:#18a787; line-height:55px;border-radius:4px; font-size:16px; margin-right:0.5%; margin-bottom:6px;}
.cz-index-product-item .text .bottom .text-3 p :hover{background:#FF9900;border-radius:4px}

.cz-index-product-item .text .bottom .text-3 p .po111{background:#FF9900;}
.cz-index-product-item .text .bottom .view-4{overflow: hidden;padding-top: 30px;border-top: 0px solid rgba(255,255,255,.3);opacity: 1; position:absolute; left:0px; bottom:-70%; }
.cz-index-product-item .text .bottom .view-4 strong{display: block;font-size: 14px;font-weight: normal;letter-spacing: 2px;float: left;}
.cz-index-product-item .text .bottom .view-4 i{display: block;background: url('../images/jt-r1.png') center no-repeat;width: 22px;height: 8px;float: right;}
.cz-index-product-item .img .mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url('../upload/mark1.png');z-index:3;}
.cz-index-product-item a:hover .view-4{opacity: 1;}
.cz-index-product-item a:hover .img img.img-center{opacity: .7;transform:scale(1.03);}

.cz-index-introduction {position: relative;overflow: hidden;background: #f2f4f7;}
.cz-index-introduction .cz-content{width: 100%;overflow: hidden;}
.cz-index-introduction-left {position: absolute;left:5%;bottom:10%;z-index: 10;width:55%;}
.cz-index-introduction-left .text-3 {font-size: 15px;line-height: 30px;color: #666e80;padding: 30px;width:56%;text-align: justify;}
.cz-index-introduction-left .viewmore-3 {padding: 30px;overflow: hidden;}
.cz-index-introduction-left .viewmore-3 a{border: 1px solid #6060ea;background: #6060ea;}
.cz-index-introduction-left .viewmore-3 a:hover{border: 1px solid #4d4dbb;background: #4d4dbb;}
.cz-index-introduction-left .viewmore-3 a:hover span{letter-spacing: 1px;}
.cz-index-introduction-left .item-4 {background: #fff;margin:30px 30px 0 30px;overflow: hidden;}
.cz-index-introduction-left .item-4 li {list-style: none;margin: 0;padding:3% 5%;float: left;width:23%;position: relative;}
.cz-index-introduction-left .item-4 li::after {content: '';width: 1px;height: 100%;background: #e6e8ed;position: absolute;right: 0;top: 0;}
.cz-index-introduction-left .item-4 li:last-child::after {display: none;}
.cz-index-introduction-left .item-4 li h2{display: block;margin: 0;padding: 0;}
.cz-index-introduction-left .item-4 li h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight: normal;}
.cz-index-introduction-left .item-4 li h2 sup {font-size:30px;font-weight: normal;}
.cz-index-introduction-left .item-4 li p{display: block;font-size: 15px;color: #a1a7b2;margin: 10px 0;padding: 0;}
.cz-index-introduction-left .item-4 li i{display: block;width: 40px;height: 40px;position: absolute;right:10%;top: 25%;}
.cz-index-introduction-right {float: right;width: 50%;overflow: hidden;background: #000;}
.cz-index-product-right .cz-index-product-item a .img img { width:100% !important; height:100%!important; float:left;}
.cz-index-product-right .cz-index-product-item a .img { height:469px; width:100%; overflow:hidden; }
.cz-index-cooperative-customers {position: relative;}
.cz-index-cooperative-customers .cz-content{width: 100%;overflow: hidden;}
.cz-index-cooperative-customers-top {position: absolute;width: 100%;height:100%;top:0;left: 0;z-index: 10;text-align: center;font-size: 0;}
.cz-index-cooperative-customers-top a {position: absolute;display:block;width: 289px;height: 251px;background: url('../upload/cooperative2.png') center no-repeat;background-size: 100%;clear: both;margin:5px auto;}
.cz-index-cooperative-customers-top a:hover {background: url('../upload/cooperative1.png') center no-repeat;background-size: 100%;}
.cz-index-cooperative-customers-top a:hover i {opacity: 1;}
.cz-index-cooperative-customers-top a i {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;opacity: .5;}
.cz-index-cooperative-customers-top a.item1 {left: 50%;top:50%;margin-left: -144.5px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item2 {left: 50%;top:50%;margin-left: -144.5px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item3 {left: 50%;top:50%;margin-left: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item4 {right: 50%;top:50%;margin-right: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item5 {left: 50%;top:50%;margin-left: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item6 {left: 50%;top:50%;margin-left: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item7 {right: 50%;top:50%;margin-right: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item8 {right: 50%;top:50%;margin-right: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item9 {left: 50%;top:50%;margin-left: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item10 {right: 50%;top:50%;margin-right: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-bottom {background: #000;}


@media all and (max-width:768px){




.cz-index-product {position: relative;}
.cz-index-product .cz-content {width: 100%;position: absolute;top:0px;z-index: 10;}
.cz-index-product-left {width:100%;/*position: absolute;left: 0;top: 0;*/ float:left;}
.cz-title {position: relative;}
.cz-title .title-1{font-size: 15px;line-height: 20px; color: #26334c;padding-left:0px;position: relative;text-transform: uppercase;}
.cz-title .title-1 i{display: block;width: 25px;height: 17px;position: absolute;left: 0;top:10px; background: url('../images/it1.png') no-repeat;}
.cz-title .title-2 {font-size: 30px;color: #26334c;padding:5px 0 0 30px;}
.cz-index-product-nav {margin-top: 0px;position: relative;overflow: hidden;margin-left: 0px;width: 100%;width:calc(100% - 0px);}
/*.cz-index-product-nav::before,.cz-index-product-nav::after{content: '';position: absolute;background: #e6e8ed;z-index: 1;}*/
.cz-index-product-nav::before {width: 100%;height: 0px;left: 0;top: 50%;}
.cz-index-product-nav::after {width: 1px;height: 100%;left:50%;top: 0;}
.cz-index-product-nav a{display: block;overflow: hidden;background: rgba(225,225,225,1);position: relative;float: left;width:31%;box-sizing: border-box;padding:2% 2% ; border-bottom:1px #eaeaea solid; text-align:center; height:65px; margin:1px 3px 3px 1px; border-radius:5px; overflow:hidden; 

background:#eaeaea;

}



/*.cz-index-product-nav a:nth-child(2){ background:#3485CD;}
.cz-index-product-nav a:nth-child(3){ background:#3485CD;}*/

.cz-index-product-nav a i{padding-bottom: 0px;overflow: hidden; color:#3c3c3c; margin-bottom:20px; font-size:27px;}


.cz-index-product-nav a:before { }
.cz-index-product-nav a:hover:before { content:" "; width:600px; height:600px; position:absolute; top:30%; left:30%; background:rgba(237,237,237,.8); border-radius:50%; }
.cz-index-product-nav a:hover {
background:#fff;

 box-shadow:3px 3px 3px 3px rgba(0,0,0,.05); border:#dbdbdb solid 1px;}



.cz-index-product-nav a:hover i{ font-size:28px; }

.cz-index-product-nav a span{display: block;font-size: 14px;padding-bottom: 5px;color: #3c3c3c;}
.cz-index-product-nav a strong{display: block;font-size:14px;color: #3a3938; font-weight:normal; padding-top:0px;}
.cz-index-product-nav a.cur i{color: #3c3c3c;}
.cz-index-product-nav a.cur span{color: #3c3c3c;opacity: .6; }
.cz-index-product-nav a.cur strong{color: #3c3c3c;}
.cz-index-product-nav a.cur svg *{fill: #2b8750;}





#cz-indexbg {width: 100%;position: relative;overflow: hidden;}



.cz-index-product-right {float: right;width:100%;}
.cz-index-product-swiper {width:100%; height:270px;}
.cz-index-product-item {position: relative; }
.cz-index-product-item a {display: block;overflow: hidden;color: #fff; height:461x;} 
.cz-index-product-item .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:4;}
.cz-index-product-item .text .top{width:100%; float:left}
.cz-index-product-item .text .top .title-1{font-size: 17px;}
.cz-index-product-item .text .top .title-2{font-size:20px;padding:0px 0;font-weight: bold; padding-bottom:10px; padding-top:10px; color:#095645}
.cz-index-product-item .text .bottom{width:100%; float:left}

.cz-index-product-item .text .bottom .text-3 p {width:100%; float:left; text-align:center; color:#fff; background:#18a787; line-height:30px;border-radius:4px; font-size:14px; margin-right:0.5%; margin-bottom:2px;}
.cz-index-product-item .text .bottom .text-3 p :hover{background:#FF9900;border-radius:4px}

.cz-index-product-item .text .bottom .text-3 p .po111{background:#FF9900;}
.cz-index-product-item .text .bottom .view-4{overflow: hidden;padding-top: 30px;border-top: 0px solid rgba(255,255,255,.3);opacity: 1; position:absolute; left:0px; bottom:-70%; }
.cz-index-product-item .text .bottom .view-4 strong{display: block;font-size: 14px;font-weight: normal;letter-spacing: 2px;float: left;}
.cz-index-product-item .text .bottom .view-4 i{display: block;background: url('../images/jt-r1.png') center no-repeat;width: 22px;height: 8px;float: right;}
.cz-index-product-item .img .mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url('../upload/mark1.png');z-index:3;}
.cz-index-product-item a:hover .view-4{opacity: 1;}
.cz-index-product-item a:hover .img img.img-center{opacity: .7;transform:scale(1.03);}

.cz-index-introduction {position: relative;overflow: hidden;background: #f2f4f7;}
.cz-index-introduction .cz-content{width: 100%;overflow: hidden;}
.cz-index-introduction-left {position: absolute;left:5%;bottom:10%;z-index: 10;width:55%;}
.cz-index-introduction-left .text-3 {font-size: 15px;line-height: 30px;color: #666e80;padding: 30px;width:56%;text-align: justify;}
.cz-index-introduction-left .viewmore-3 {padding: 30px;overflow: hidden;}
.cz-index-introduction-left .viewmore-3 a{border: 1px solid #6060ea;background: #6060ea;}
.cz-index-introduction-left .viewmore-3 a:hover{border: 1px solid #4d4dbb;background: #4d4dbb;}
.cz-index-introduction-left .viewmore-3 a:hover span{letter-spacing: 1px;}
.cz-index-introduction-left .item-4 {background: #fff;margin:30px 30px 0 30px;overflow: hidden;}
.cz-index-introduction-left .item-4 li {list-style: none;margin: 0;padding:3% 5%;float: left;width:23%;position: relative;}
.cz-index-introduction-left .item-4 li::after {content: '';width: 1px;height: 100%;background: #e6e8ed;position: absolute;right: 0;top: 0;}
.cz-index-introduction-left .item-4 li:last-child::after {display: none;}
.cz-index-introduction-left .item-4 li h2{display: block;margin: 0;padding: 0;}
.cz-index-introduction-left .item-4 li h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight: normal;}
.cz-index-introduction-left .item-4 li h2 sup {font-size:30px;font-weight: normal;}
.cz-index-introduction-left .item-4 li p{display: block;font-size: 15px;color: #a1a7b2;margin: 10px 0;padding: 0;}
.cz-index-introduction-left .item-4 li i{display: block;width: 40px;height: 40px;position: absolute;right:10%;top: 25%;}
.cz-index-introduction-right {float: right;width: 50%;overflow: hidden;background: #000;}
.cz-index-product-right .cz-index-product-item a .img img { width:100% !important; height:100%!important; float:left;}
.cz-index-product-right .cz-index-product-item a .img { height:469px; width:100%; overflow:hidden; }
.cz-index-cooperative-customers {position: relative;}
.cz-index-cooperative-customers .cz-content{width: 100%;overflow: hidden;}
.cz-index-cooperative-customers-top {position: absolute;width: 100%;height:100%;top:0;left: 0;z-index: 10;text-align: center;font-size: 0;}
.cz-index-cooperative-customers-top a {position: absolute;display:block;width: 289px;height: 251px;background: url('../upload/cooperative2.png') center no-repeat;background-size: 100%;clear: both;margin:5px auto;}
.cz-index-cooperative-customers-top a:hover {background: url('../upload/cooperative1.png') center no-repeat;background-size: 100%;}
.cz-index-cooperative-customers-top a:hover i {opacity: 1;}
.cz-index-cooperative-customers-top a i {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;opacity: .5;}
.cz-index-cooperative-customers-top a.item1 {left: 50%;top:50%;margin-left: -144.5px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item2 {left: 50%;top:50%;margin-left: -144.5px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item3 {left: 50%;top:50%;margin-left: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item4 {right: 50%;top:50%;margin-right: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item5 {left: 50%;top:50%;margin-left: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item6 {left: 50%;top:50%;margin-left: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item7 {right: 50%;top:50%;margin-right: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item8 {right: 50%;top:50%;margin-right: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item9 {left: 50%;top:50%;margin-left: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item10 {right: 50%;top:50%;margin-right: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-bottom {background: #000;}




}